<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <!-- react核心库[不能操作dom,也不能渲染] -->
    <script src="../ExternalLibrary/js/react.js"></script>
    <!-- react操作dom库[操作dom,渲染页面]] -->
    <script src="../ExternalLibrary/js/react-dom.js"></script>
    <!-- 编译语法库 -->
    <script src="../ExternalLibrary/js/babel.js"></script>
    <!-- 此处type="text/babel" 表示该标签中的内容交给babel.js翻译,翻译成低版本的浏览器也支持的语法 -->
    <script type="text/babel">
        let oDiv = document.getElementById('div1');
        
        //将组件渲染到指定的元素里[组件中有且仅有一个父级]
        ReactDOM.render(
            <div>
                <span>aaa</span>
                <span>bbb</span>
            </div>
        ,oDiv)
    </script>
</head>
<body>
    <div id = "div1">

    </div>
</body>



1,jsx可以直接创建组件-直接写组件的html
    *创建出来的是组件,不是html标签
2,有且仅有一个父级
3,class->className
    for-htmlFor(lable与input标签)